<template>
  <div id="container">
    <div class="imgbox">
      <img src="@/images/indexbg2.jpg">
    </div>
    <div class="content">
      <div class="nav">
        <img src="../images/WechatIMG39.png" alt="">
      </div>
      <div class="cont_txt">
        <h1>欢迎来到青岛莱尼尔智能</h1>
      </div>
    </div>
    <!-- <button @click="ces">测试</button> -->
  </div>
</template>

<script>
import { getces } from '@/api/menu'
export default {
  mounted() {
    // this.ces()
  },
  methods: {
    ces() {
      getces().then(res => {
        console.log(res);
      })
    }
  }

}
</script>

<style>
#container .imgbox {
  height: 100%;
  width: 100%;
}

#container .imgbox img {
  position: absolute;
  /*设为绝对定位*/
  height: 100%;
  width: 100%;

  z-index: -999;
}

.content {
  padding: 10px;

}

.nav {
  width: 100%;
  height: 120px;
}

.nav img {
  width: 200px;
  height: 100%;
  float: right;
}

.cont_txt {
  margin-top: -80px;
  margin-left: 280px;
  /* margin: 220px 0; */
  text-align: center;
  cursor: default;
}

.cont_txt h1 {
  color: #fb7b18;
  font-size: 65px;
  letter-spacing: 5px;
  text-shadow: 1px 3px 1px rgba(255, 255, 255, 1), 1px 1px 2px rgba(10, 90, 10, 0.8);
  font-family: '微软雅黑';
}
</style>
